<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/moveme.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--<style type="text/css" media="all">-->
        <!--html,body{-->
            <!--height:1500px;-->
        <!--}-->
    <!--</style>-->
  </head>
  <body>
      <!--<div class="container">-->
      <!--<nav class='navbar navbar-default navbar-fixed-top' role='navigation'>-->
      <!--<nav class='navbar navbar-default navbar-fixed-bottom' role='navigation'>-->
      <nav class='navbar navbar-inverse navbar-fixed-top' role='navigation'>
      <div class="navbar-header">
        <button type='button' class="navbar-toggle" data-toggle='collapse' data-target='.navbar-collapse'>
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html">MoveMe</a>
      </div>
      <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li>
                    <a href="index.html">Home</a>
                </li>
                <li>
                    <a href="blog.html">Blog</a>
                </li>
                <li>
                    <a href="clients.html">Clients</a>
                </li>
                <li class="active">
                    <a href="contact.html">Contact</a>
                </li>
                <li class="dropdown">
                <a href="#" classi='dropdown-toggle' data-toggle='dropdown'>Social <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="http://www.facebook.com">Facebook</a></li>
                        <li><a href="http://www.twitter.com">Twitter</a></li>
                        <li><a href="https://plus.google.com">Google+</a></li>
                        <li><a href="http://www.linkdin.com">LinkedIn</a></li>
                    </ul>
                </li>
            </ul>
      </div>
      </nav>
      <!--end navigation-->
      <div class="intro-block">
        <div class="container">
            <div class="row">
                <div class="col-xs-3">
                    <img src="images/moveMe.png" class='img-responsive tpad' alt="">
                </div>
                <div class="col-xs-9">
                    <h1>Move Me <span class="text-muted">&raquo; Contact Us</span> </h1>
                    <p class="lead">
                        We work with some of the biggest companies in the world,take a look for yourself.
                    </p>
                </div>
            </div>
        </div>
      </div>
      <!--End Intro Text-->
      <div class="map">
          <iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/?ie=UTF8&amp;ll=37.0625,-95.677068&amp;spn=41.411029,86.572266&amp;t=m&amp;z=4&amp;output=embed"></iframe><br />
      </div>
      <div class="container">
          <div class="row">
              <div class="col-lg-12">
                  <small><a href="https://maps.google.com/?ie=UTF8&amp;ll=37.0625,-95.677068&amp;spn=41.411029,86.572266&amp;t=m&amp;z=4&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
              </div>
          </div>
      </div>
      <div class="container padded">
          <div class="row">
              <div class="col-sm-8">
                <h2>Get in touch</h2>
                <hr>
                <p>
                    Need a qoute,enquiry about our team creating your App or have a suggestion for the <strong>Move Me</strong>App,we need to hear from you
                </p>
                <form class="form-horizontal tpad" role='form' action="">
                    <div class="form-group">
                        <label class="col-lg-2 control-label" for="email">Email</label>
                        <div class="col-lg-10">
                            <input id="email" class='form-control' type="email" name="" placeholder="Email">
                        </div>
                    </div>
                    <div class="form-group tpad">
                        <label class="col-lg-2 control-label" for="message">Message</label>
                        <div class="col-lg-10">
                            <textarea id="message" class='form-control' rows='6' name="" placeholder="Message..."></textarea>
                        </div>
                    </div>
                    <div class="form-group tpad">
                        <div class="col-lg-offset-2 col-lg-10">
                            <a data-toggle='modal' class="btn btn-default btn-lg" href="#myModal">Send</a>
                        </div>
                    </div>
                </form>
              </div>
              <div class="modal fade" id='myModal' tabindex='-1' role='dialog' aria-labelledby="myModalLabel" aria-hidden='true'>
                  <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
                            <h2 class='modal-title'>
                                Thank you for submitting!
                            </h2>
                        </div>
                        <div class="modal-body">
                            <p>
                            We appreciate you getting in teach,Please be patient,we will contact you sortly with a reply.
                            </p>
                            <p>
                            The MoveMe Team
                            </p>
                        </div>
                        <div class="modal-footer">
                            <a class="btn btn-default btn-lg" href="index.html">OK</a>
                        </div>
                    </div>
                  </div>
              </div>
              <div class="col-sm-4">
                  <img class="img-responsive img-circle" src="images/office.jpg" alt="">
                  <hr>
                    <address>
                        <h3>MoveMe Inc.</h3>
                        208 Trafalgar Road<br>
                        Oakville,ON M6L 8^9<br>
                        <a href="mailto:first.last@move.com">Hello@move.com</a><br>
                        <abbr title="Phone">P:</abbr>906 123-4567
                    </address>
              </div>
          </div>
      </div>
      <!--End Page Content -->
      <div class="marketing">
          <div class="container">
              <div class="row">
                <div class="col-sm-6">
                    <img class="img-responsive" alt="" src='images/app.png' />
                </div>
                <div class="col-sm-6">
                    <h3 class="tpad">ALWAYS ON HAND</h3><hr>
                    <p>
                        Download the App for your device now and try it for yourself.No matter how regularly you make a journey this App will completely change the way you travel.
                    </p>
                    <p>
                    <!--<a class="btn btn-large btn-primary" href="#">-->
                    <!--<a class="btn btn-large btn-default" href="#">-->
                    <!--<a class="btn btn-large btn-success" href="#">-->
                    <!--<a class="btn btn-large btn-info" href="#">-->
                    <!--<a class="btn btn-large btn-warning" href="#">-->
                    <!--<a class="btn btn-large btn-danger" href="#">-->
                    <!--<a class="btn btn-large btn-link" href="#">-->
                    <!--<a class="btn btn-large btn-primary" href="#">-->
                    <!--<a class="btn btn-small btn-primary" href="#">-->
                    <!--<a class="btn btn-xs btn-primary" href="#">-->
                    <a class="btn btn-large btn-primary" href="#">
                        Get it now!
                    </a>

                    </p>
                </div>
              </div>
          </div>
      </div>
      <!--End Marketing Section-->
      <div class="info">
          <div class="container">
              <div class="row">
                <div class="col-sm-6 tabbable">
                    <!--Tabs go here -->
                    <ul id="myTab" class='nav nav-tabs'>
                        <li class="active">
                            <a href="#android" data-toggle='tab'>Android</a>
                        </li>
                        <li>
                            <a href="#bb" data-toggle='tab'>Blackberry</a>
                        </li>
                        <li>
                            <a href="#ios" data-toggle='tab'>IOS</a>
                        </li>
                        <li>
                            <a href="#win" data-toggle='tab'>Windows</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class='tab-pane fade in active' id='android'>
                            <p><img src="images/gplay.jpg" alt="google" class='pull-right'>Android..Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum. <span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star-empty"> </span></p>
                        </div>
                        <div class='tab-pane fade in' id='bb'>
                            <p><img src="images/bbstore.jpg" alt="bb" class='pull-right'>Blackberry...Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum..<span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star-empty"> </span></p>
                        </div>
                        <div class='tab-pane fade in' id='ios'>
                            <p><img src="images/appstore.jpg" alt="IOS" class='pull-right'>IOS..Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum..<span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star-empty"> </span></p>
                        </div>
                        <div class='tab-pane fade in' id='win'>
                            <p><img src="images/winstore.jpg" alt="Windows" class='pull-right'>Windows...Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum..<span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star-empty"> </span></p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-sm-offset-2">
                    <!--Quote go here -->
                    <blockquote>
                        <p>&ldquo;This App has completely revolutionized the way we travel,we will never have to wait around in the rain for transport,we can time our day perfectly.I don't know how I ever lived without it.&rdquo;</p>
                        <small>James T.Kirk,<cite title="source title">Startship Enterprise</cite></small>
                    </blockquote>
                </div>
              </div>
          </div>
      </div>
      <!--Info panel end -->
      <div class="ftr">
        <div class="container">
            <div class="row">
                <footer>
                    <div class="pull-left ft_space">
                        <address>
                            <h3>MoveMe Inc.</h3>
                            208 Trafalgar Road<br>
                            Oakville,ON M6L 8^9<br>
                            <a href="mailto:first.last@move.com">Hello@move.com</a><br>
                            <abbr title="Phone">P:</abbr>906 123-4567
                        </address>
                    </div>
                    <div class="pull-right ft_space">
                        <img id="" src="images/moveMe.png" alt="" class="img-responsive" />
                        <p>
                            &copy;MoveMe.inc 2013
                        </p>
                    </div>
                </footer>
            </div>
        </div>
      </div>
      <!--</div>-->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

